<!-- 专家智库 -->

<template>
	<div class="thinkTank">
		<li>
			<img :src="list.list.avatar" alt="">
			<p>{{list.list.specialistName}}</p>
		</li>
		<span class="snp2">
			{{list.list.introduce}}
		</span>
	</div>
</template>

<script setup>
	const list = defineProps({
		list:Object
	})
</script>

<style lang="scss" scoped>
	.thinkTank{
		width: 360px;
		height: 147px;
		background: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
		opacity: 1;
		border: 1px solid rgba(17,145,142,0.1);
		margin-top: 30px;
		padding: 15px;
		li{
			display: flex;
			align-items: center;
			margin-bottom: 15px;
			img{
				width: 60px;
				height: 60px;
				border-radius: 50%;
				margin-right: 15px;
			}
		}
		span{
			width: 330px;
		}
	}
</style>